<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <style>
        body {
            background: #000;
            background: -moz-linear-gradient(-45deg, #000 0%, #151f38 44%, #09020a 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #000), color-stop(44%, #151f38), color-stop(100%, #09020a));
            background: -webkit-linear-gradient(-45deg, #000 0%, #151f38 44%, #09020a 100%);
            background: -o-linear-gradient(-45deg, #000 0%, #151f38 44%, #09020a 100%);
            background: -ms-linear-gradient(-45deg, #000 0%, #151f38 44%, #09020a 100%);
            background: linear-gradient(135deg, #000 0%, #151f38 44%, #09020a 100%);
            overflow: hidden;
        }
        .container {
            position: asbolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }
        .line {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30vw;
            height: 2px;
            box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.9);
            background: transparent;
            transition: all 700ms ease;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-animation: yeah 20s infinite ease;
            animation: yeah 5s infinite ease;
        }
        .line:nth-child(0) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
            top: 0px;
        }
        .line:nth-child(1) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
            top: 20px;
        }
        .line:nth-child(2) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
            top: 40px;
        }
        .line:nth-child(3) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
            top: 60px;
        }
        .line:nth-child(4) {
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
            top: 80px;
        }
        .line:nth-child(5) {
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
            top: 100px;
        }
        .line:nth-child(6) {
            -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
            top: 120px;
        }
        .line:nth-child(7) {
            -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
            top: 140px;
        }
        .line:nth-child(8) {
            -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s;
            top: 160px;
        }
        .line:nth-child(9) {
            -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s;
            top: 180px;
        }
        .line:nth-child(10) {
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
            top: 200px;
        }
        .line:nth-child(11) {
            -webkit-animation-delay: 2.2s;
            animation-delay: 2.2s;
            top: 220px;
        }
        .line:nth-child(12) {
            -webkit-animation-delay: 2.4s;
            animation-delay: 2.4s;
            top: 240px;
        }
        .line:nth-child(13) {
            -webkit-animation-delay: 2.6s;
            animation-delay: 2.6s;
            top: 260px;
        }
        .line:nth-child(14) {
            -webkit-animation-delay: 2.8s;
            animation-delay: 2.8s;
            top: 280px;
        }
        .line:nth-child(15) {
            -webkit-animation-delay: 3s;
            animation-delay: 3s;
            top: 300px;
        }
        .line:nth-child(16) {
            -webkit-animation-delay: 3.2s;
            animation-delay: 3.2s;
            top: 320px;
        }
        .line:nth-child(17) {
            -webkit-animation-delay: 3.4s;
            animation-delay: 3.4s;
            top: 340px;
        }
        .line:nth-child(18) {
            -webkit-animation-delay: 3.6s;
            animation-delay: 3.6s;
            top: 360px;
        }
        .line:nth-child(19) {
            -webkit-animation-delay: 3.8s;
            animation-delay: 3.8s;
            top: 380px;
        }
        .line:nth-child(20) {
            -webkit-animation-delay: 4s;
            animation-delay: 4s;
            top: 400px;
        }
        .line:nth-child(21) {
            -webkit-animation-delay: 4.2s;
            animation-delay: 4.2s;
            top: 420px;
        }
        .line:nth-child(22) {
            -webkit-animation-delay: 4.4s;
            animation-delay: 4.4s;
            top: 440px;
        }
        .line:nth-child(23) {
            -webkit-animation-delay: 4.6s;
            animation-delay: 4.6s;
            top: 460px;
        }
        .line:nth-child(24) {
            -webkit-animation-delay: 4.8s;
            animation-delay: 4.8s;
            top: 480px;
        }
        .line:nth-child(25) {
            -webkit-animation-delay: 5s;
            animation-delay: 5s;
            top: 500px;
        }
        .line:nth-child(26) {
            -webkit-animation-delay: 5.2s;
            animation-delay: 5.2s;
            top: 520px;
        }
        .line:nth-child(27) {
            -webkit-animation-delay: 5.4s;
            animation-delay: 5.4s;
            top: 540px;
        }
        .line:nth-child(28) {
            -webkit-animation-delay: 5.6s;
            animation-delay: 5.6s;
            top: 560px;
        }
        .line:nth-child(29) {
            -webkit-animation-delay: 5.8s;
            animation-delay: 5.8s;
            top: 580px;
        }
        .line:nth-child(30) {
            -webkit-animation-delay: 6s;
            animation-delay: 6s;
            top: 600px;
        }
        .line:nth-child(31) {
            -webkit-animation-delay: 6.2s;
            animation-delay: 6.2s;
            top: 620px;
        }
        .line:nth-child(32) {
            -webkit-animation-delay: 6.4s;
            animation-delay: 6.4s;
            top: 640px;
        }
        .line:nth-child(33) {
            -webkit-animation-delay: 6.6s;
            animation-delay: 6.6s;
            top: 660px;
        }
        .line:nth-child(34) {
            -webkit-animation-delay: 6.8s;
            animation-delay: 6.8s;
            top: 680px;
        }
        .line:nth-child(35) {
            -webkit-animation-delay: 7s;
            animation-delay: 7s;
            top: 700px;
        }
        .line:nth-child(36) {
            -webkit-animation-delay: 7.2s;
            animation-delay: 7.2s;
            top: 720px;
        }
        .line:nth-child(37) {
            -webkit-animation-delay: 7.4s;
            animation-delay: 7.4s;
            top: 740px;
        }
        .line:nth-child(38) {
            -webkit-animation-delay: 7.6s;
            animation-delay: 7.6s;
            top: 760px;
        }
        .line:nth-child(39) {
            -webkit-animation-delay: 7.8s;
            animation-delay: 7.8s;
            top: 780px;
        }
        .line:nth-child(40) {
            -webkit-animation-delay: 8s;
            animation-delay: 8s;
            top: 800px;
        }
        .line:nth-child(41) {
            -webkit-animation-delay: 8.2s;
            animation-delay: 8.2s;
            top: 820px;
        }
        .line:nth-child(42) {
            -webkit-animation-delay: 8.4s;
            animation-delay: 8.4s;
            top: 840px;
        }
        .line:nth-child(43) {
            -webkit-animation-delay: 8.6s;
            animation-delay: 8.6s;
            top: 860px;
        }
        .line:nth-child(44) {
            -webkit-animation-delay: 8.8s;
            animation-delay: 8.8s;
            top: 880px;
        }
        .line:nth-child(45) {
            -webkit-animation-delay: 9s;
            animation-delay: 9s;
            top: 900px;
        }
        .line:nth-child(46) {
            -webkit-animation-delay: 9.2s;
            animation-delay: 9.2s;
            top: 920px;
        }
        .line:nth-child(47) {
            -webkit-animation-delay: 9.4s;
            animation-delay: 9.4s;
            top: 940px;
        }
        .line:nth-child(48) {
            -webkit-animation-delay: 9.6s;
            animation-delay: 9.6s;
            top: 960px;
        }
        .line:nth-child(49) {
            -webkit-animation-delay: 9.8s;
            animation-delay: 9.8s;
            top: 980px;
        }
        .line:nth-child(50) {
            -webkit-animation-delay: 10s;
            animation-delay: 10s;
            top: 1000px;
        }
        .line:nth-child(51) {
            -webkit-animation-delay: 10.2s;
            animation-delay: 10.2s;
            top: 1020px;
        }
        .line:nth-child(52) {
            -webkit-animation-delay: 10.4s;
            animation-delay: 10.4s;
            top: 1040px;
        }
        .line:nth-child(53) {
            -webkit-animation-delay: 10.6s;
            animation-delay: 10.6s;
            top: 1060px;
        }
        .line:nth-child(54) {
            -webkit-animation-delay: 10.8s;
            animation-delay: 10.8s;
            top: 1080px;
        }
        .line:nth-child(55) {
            -webkit-animation-delay: 11s;
            animation-delay: 11s;
            top: 1100px;
        }
        .line:nth-child(56) {
            -webkit-animation-delay: 11.2s;
            animation-delay: 11.2s;
            top: 1120px;
        }
        .line:nth-child(57) {
            -webkit-animation-delay: 11.4s;
            animation-delay: 11.4s;
            top: 1140px;
        }
        .line:nth-child(58) {
            -webkit-animation-delay: 11.6s;
            animation-delay: 11.6s;
            top: 1160px;
        }
        .line:nth-child(59) {
            -webkit-animation-delay: 11.8s;
            animation-delay: 11.8s;
            top: 1180px;
        }
        .line:nth-child(60) {
            -webkit-animation-delay: 12s;
            animation-delay: 12s;
            top: 1200px;
        }
        .line:nth-child(61) {
            -webkit-animation-delay: 12.2s;
            animation-delay: 12.2s;
            top: 1220px;
        }
        .line:nth-child(62) {
            -webkit-animation-delay: 12.4s;
            animation-delay: 12.4s;
            top: 1240px;
        }
        .line:nth-child(63) {
            -webkit-animation-delay: 12.6s;
            animation-delay: 12.6s;
            top: 1260px;
        }
        .line:nth-child(64) {
            -webkit-animation-delay: 12.8s;
            animation-delay: 12.8s;
            top: 1280px;
        }
        .line:nth-child(65) {
            -webkit-animation-delay: 13s;
            animation-delay: 13s;
            top: 1300px;
        }
        .line:nth-child(66) {
            -webkit-animation-delay: 13.2s;
            animation-delay: 13.2s;
            top: 1320px;
        }
        .line:nth-child(67) {
            -webkit-animation-delay: 13.4s;
            animation-delay: 13.4s;
            top: 1340px;
        }
        .line:nth-child(68) {
            -webkit-animation-delay: 13.6s;
            animation-delay: 13.6s;
            top: 1360px;
        }
        .line:nth-child(69) {
            -webkit-animation-delay: 13.8s;
            animation-delay: 13.8s;
            top: 1380px;
        }
        .line:nth-child(70) {
            -webkit-animation-delay: 14s;
            animation-delay: 14s;
            top: 1400px;
        }
        @-webkit-keyframes yeah {
            0% {
                transform: translate(-50%, -50%) rotate3d(0, 0, 0, 0);
            }
            50% {
                transform: translate(-50%, -50%) rotate3d(1, 0, 2, 90deg);
                box-shadow: 0 0 10px #22a7f0;
            }
            75% {
                box-shadow: 0 0 25px 0 #f7ca18;
            }
            100% {
                box-shadow: 0 0 5px 0 #f62459;
            }
        }
        @keyframes yeah {
            0% {
                transform: translate(-50%, -50%) rotate3d(0, 0, 0, 0);
            }
            50% {
                transform: translate(-50%, -50%) rotate3d(1, 0, 2, 90deg);
                box-shadow: 0 0 10px #22a7f0;
            }
            75% {
                box-shadow: 0 0 25px 0 #f7ca18;
            }
            100% {
                box-shadow: 0 0 5px 0 #f62459;
            }
        }
    </style>
</head>
<body>
<div class="container">
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
</div>
</body>
</html>